<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <base href="<%=basePath%>">
    
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" type="text/css" href="<%=basePath%>resource/css/index.css"/>
	<script type="text/javascript" src="<%=basePath%>resource/js/jquery-1.10.2.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="<%=basePath%>resource/js/base.js" defer="defer"></script>
  </head>
  <body>
  	<div id="index-top">
  		<ul>
  			<li class="item1"><span class="cart">购物车(</span><span>0</span><span>)</span><span></span></li>
  			<li class="item2"><a href="#">服务中心</a></li>
  			<li class="item3"><a href="#">[注册]</a></li>
  			<li class="item3"><a href="#">[登录]</a></li>
  			<li class="item4">欢迎来到 </li>
  		</ul>
    </div>
    <div id="index-header">
    	<div class="bar">
    		<div class="logo"></div>
    		<div id="search-bar">
    			<div class="text">
    				<input type="text" id="search_value"/>
    				<button id="search_btn">搜索</button>
    			</div>
    			<div class="key"></div>
    		</div>
    		<div class="service">
    			<div class="phone">
    				客服热线：<strong>0595-1111111</strong>
    			</div>
    		</div>
    	</div>
    	<div id="nav">
    		<div id="box">
    			<div id="box_title">
    				<a href="#">所有商品分类</a>
    			</div>
    			<div id="box_list">
    				<ul>
    					<li class="box_item">
    						<h3>
    							<span class="menu_Icon"></span>
    							<span class="item_Logo" id="menu_Logo_01"></span>
    							<a class="item_title" target="_blank" href="#">女装</a>
    						</h3>
    						<p>
    							<a class="pd_type" target="_blank" href="#">T恤</a>
    							<a class="pd_type" target="_blank" href="#">衬衫</a>
    							<a class="pd_type" target="_blank" href="#">卫衣</a>
    							<a class="pd_type" target="_blank" href="#">POLO</a>
    							<a class="pd_type" target="_blank" href="#">裤装</a>
    						</p>
    					</li>
    					<li class="box_item">
    						<h3>
    							<span class="menu_Icon"></span>
    							<span class="item_Logo" id="menu_Logo_02"></span>
    							<a class="item_title" target="_blank" href="#">男装</a>
    						</h3>
    						<p>
    							<a class="pd_type" target="_blank" href="#">T恤</a>
    							<a class="pd_type" target="_blank" href="#">衬衫</a>
    							<a class="pd_type" target="_blank" href="#">卫衣</a>
    							<a class="pd_type" target="_blank" href="#">POLO</a>
    							<a class="pd_type" target="_blank" href="#">裤装</a>
    						</p>
    					</li>
    					<li class="box_item">
    						<h3>
    							<span class="menu_Icon"></span>
    							<span class="item_Logo" id="menu_Logo_01"></span>
    							<a class="item_title" target="_blank" href="#">女装</a>
    						</h3>
    						<p>
    							<a class="pd_type" target="_blank" href="#">T恤</a>
    							<a class="pd_type" target="_blank" href="#">衬衫</a>
    							<a class="pd_type" target="_blank" href="#">卫衣</a>
    							<a class="pd_type" target="_blank" href="#">POLO</a>
    							<a class="pd_type" target="_blank" href="#">裤装</a>
    						</p>
    					</li>
    					<li class="box_item">
    						<h3>
    							<span class="menu_Icon"></span>
    							<span class="item_Logo" id="menu_Logo_01"></span>
    							<a class="item_title" target="_blank" href="#">女装</a>
    						</h3>
    						<p>
    							<a class="pd_type" target="_blank" href="#">T恤</a>
    							<a class="pd_type" target="_blank" href="#">衬衫</a>
    							<a class="pd_type" target="_blank" href="#">卫衣</a>
    							<a class="pd_type" target="_blank" href="#">POLO</a>
    							<a class="pd_type" target="_blank" href="#">裤装</a>
    						</p>
    					</li>
    					<li class="box_item">
    						<h3>
    							<span class="menu_Icon"></span>
    							<span class="item_Logo" id="menu_Logo_01"></span>
    							<a class="item_title" target="_blank" href="#">女装</a>
    						</h3>
    						<p>
    							<a class="pd_type" target="_blank" href="#">T恤</a>
    							<a class="pd_type" target="_blank" href="#">衬衫</a>
    							<a class="pd_type" target="_blank" href="#">卫衣</a>
    							<a class="pd_type" target="_blank" href="#">POLO</a>
    							<a class="pd_type" target="_blank" href="#">裤装</a>
    						</p>
    					</li>
    					<li class="box_item">
    						<h3>
    							<span class="menu_Icon"></span>
    							<span class="item_Logo" id="menu_Logo_01"></span>
    							<a class="item_title" target="_blank" href="#">女装</a>
    						</h3>
    						<p>
    							<a class="pd_type" target="_blank" href="#">T恤</a>
    							<a class="pd_type" target="_blank" href="#">衬衫</a>
    							<a class="pd_type" target="_blank" href="#">卫衣</a>
    							<a class="pd_type" target="_blank" href="#">POLO</a>
    							<a class="pd_type" target="_blank" href="#">裤装</a>
    						</p>
    					</li>
    					<li class="box_item">
    						<h3>
    							<span class="menu_Icon"></span>
    							<span class="item_Logo" id="menu_Logo_01"></span>
    							<a class="item_title" target="_blank" href="#">女装</a>
    						</h3>
    						<p>
    							<a class="pd_type" target="_blank" href="#">T恤</a>
    							<a class="pd_type" target="_blank" href="#">衬衫</a>
    							<a class="pd_type" target="_blank" href="#">卫衣</a>
    							<a class="pd_type" target="_blank" href="#">POLO</a>
    							<a class="pd_type" target="_blank" href="#">裤装</a>
    						</p>
    					</li>
    					<li class="box_item">
    						<h3>
    							<span class="menu_Icon"></span>
    							<span class="item_Logo" id="menu_Logo_01"></span>
    							<a class="item_title" target="_blank" href="#">女装</a>
    						</h3>
    						<p>
    							<a class="pd_type" target="_blank" href="#">T恤</a>
    							<a class="pd_type" target="_blank" href="#">衬衫</a>
    							<a class="pd_type" target="_blank" href="#">卫衣</a>
    							<a class="pd_type" target="_blank" href="#">POLO</a>
    							<a class="pd_type" target="_blank" href="#">裤装</a>
    						</p>
    					</li>
    				</ul>
    			</div>
    		</div>
    		<div id="nav_items">
    			<ul>
    				<li class="cur"><a href="#">首页</a></li>
    			</ul>
    		</div>
    	</div>
    </div>
    <div id="content">
    	<div id="product_ad">
    		<ul>
    			<li id="product_ad_item_01" class="product_ad_item">
    				<div>
    					<a title="五月精彩" href="#"></a>
    				</div>
    			</li>
    		</ul>
    	</div>
    	<div class="blank_div"></div>
    	<div id="recomm">
    		<ul>
    			<li class="recomm_item">
    				<a href="#" target="">
    					<img src="<%=basePath%>resource/images/recomm_item_01.jpg" alt="" />
    				</a>
    			</li>
    			<li class="recomm_item">
    				<a href="#" target="_blank">
    					<img src="<%=basePath%>resource/images/recomm_item_02.jpg" alt="" />
    				</a>
    			</li>
    			<li class="recomm_item">
    				<a href="#" target="_blank">
    					<img src="<%=basePath%>resource/images/recomm_item_03.jpg" alt="" />
    				</a>
    			</li>
    			<li class="recomm_item">
    				<a href="#" target="_blank">
    					<img src="<%=basePath%>resource/images/recomm_item_04.jpg" alt="" />
    				</a>
    			</li>
    			<li class="recomm_item recomm_item_last">
    				<a href="#" target="_blank">
    					<img src="<%=basePath%>resource/images/recomm_item_05.jpg" alt="" />
    				</a>
    			</li>
    		</ul>
    	</div>
    	<div class="counter">
    		<div class="counter_title_bar" >
    			<span class="counter_title" id="counter_title_01"></span>
    			<span class="counter_more_bar">
    				<a class="counter_more"></a>
    			</span>
    		</div>
    		<div class="blank_div"></div>
    		<div>
    			<div class="tableft">
    				<div class="tableft_item">
    					<img src="<%=basePath%>resource/images/tableft_item_01.jpg" alt="" />
    				</div>
    				<div class="tableft_item">
    					<img src="<%=basePath%>resource/images/tableft_item_02.jpg" alt="" />
    				</div>
    				<div class="tableft_item">
    					<img src="<%=basePath%>resource/images/tableft_item_01.jpg" alt="" />
    				</div>
    				<div class="tableft_item">
    					<img src="<%=basePath%>resource/images/tableft_item_02.jpg" alt="" />
    				</div>
    				<div class="tableft_link">
    					<a href="#">女人频道 ></a>
    				</div>
    			</div>
    			<div class="tabright">
    				<ul>
    					<li class="tabright_item">
    						<img src="<%=basePath%>resource/images/tabright_item_01.jpg" alt="" />
    					</li>
    					<li class="tabright_item">
    						<img src="<%=basePath%>resource/images/tabright_item_02.jpg" alt="" />
    					</li>
    					<li class="tabright_item">
    						<img src="<%=basePath%>resource/images/tabright_item_03.jpg" alt="" />
    					</li>
    					<li class="tabright_item">
    						<img src="<%=basePath%>resource/images/tabright_item_04.jpg" alt="" />
    					</li>
    					<li class="tabright_item tabright_item_last">
    						<img src="<%=basePath%>resource/images/tabright_item_05.jpg" alt="" />
    					</li>
    				</ul>
    			</div>
    		</div>
    	</div>
    	<div class="counter">
    		<div class="counter_title_bar" >
    			<span class="counter_title" id="counter_title_02"></span>
    			<span class="counter_more_bar">
    				<a class="counter_more"></a>
    			</span>
    		</div>
    		<div class="blank_div"></div>
    		<div>
    			<div class="tableft">
    				<div class="tableft_item">
    					<img src="<%=basePath%>resource/images/tableft_item_11.jpg" alt="" />
    				</div>
    				<div class="tableft_item">
    					<img src="<%=basePath%>resource/images/tableft_item_12.jpg" alt="" />
    				</div>
    				<div class="tableft_item">
    					<img src="<%=basePath%>resource/images/tableft_item_11.jpg" alt="" />
    				</div>
    				<div class="tableft_item">
    					<img src="<%=basePath%>resource/images/tableft_item_12.jpg" alt="" />
    				</div>
    				<div class="tableft_link">
    					<a href="#">男人频道 ></a>
    				</div>
    			</div>
    			<div class="tabright">
    				<ul>
    					<li class="tabright_item">
    						<img src="<%=basePath%>resource/images/tabright_item_11.jpg" alt="" />
    					</li>
    					<li class="tabright_item">
    						<img src="<%=basePath%>resource/images/tabright_item_12.jpg" alt="" />
    					</li>
    					<li class="tabright_item">
    						<img src="<%=basePath%>resource/images/tabright_item_13.jpg" alt="" />
    					</li>
    					<li class="tabright_item">
    						<img src="<%=basePath%>resource/images/tabright_item_14.jpg" alt="" />
    					</li>
    					<li class="tabright_item tabright_item_last">
    						<img src="<%=basePath%>resource/images/tabright_item_15.jpg" alt="" />
    					</li>
    				</ul>
    			</div>
    		</div>
    	</div>
    </div>
    <%--<div class="ad-bar">
    	<img alt="广告位" src="<%=basePath%>resource/images/ad_bar.jpg"/>
    </div>
    <div class="shoppe">
    	<h2>
    		<img src="<%=basePath%>resource/images/mptm_logo.jpg" alt="名品特卖" />
    	</h2>
    </div>
  --%>
  	<div class="blank_div" />
  	<div id="footerArea">
  		<div id="footer">
  			<div class="blank_div"/>
  		</div>
  		<div id="subFooter">
  			<span id="footer_logo_01"></span>
  			<span id="footer_logo_02"></span>
  			<span id="footer_logo_03"></span>
  		</div>
  		<div class="blank_div" />
  	</div>
  </body>
</html>
